
/* 样式重置reset */
@import './config';

body, ul, h1, h2, h3, h4, h5, h6, p, dl, div, dd, hr, fieldset {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

ul, input, textarea, button, option, div, ol, fieldset, legend {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
input,select,textarea{border:0;outline: 0;background-color: transparent;appearance:none; -moz-appearance:none; -webkit-appearance:none; -moz-appearance: textfield;}
textarea{border:none;outline: none;resize:none;}
select{text-align-last:center;outline: none;border: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
input[placeholder], [placeholder], *[placeholder],textarea[placeholder]{ font-family:"Microsoft YaHei", "微软雅黑"; }
::-webkit-input-placeholder{ font-family:"Microsoft YaHei", "微软雅黑"; }
:-moz-placeholder{ font-family:"Microsoft YaHei", "微软雅黑"; }
::-moz-placeholder{ font-family:"Microsoft YaHei", "微软雅黑"; }
:-ms-input-placeholder{ font-family:"Microsoft YaHei", "微软雅黑";}
::-webkit-scrollbar{width: 0;height: 0;color: transparent;}
html {
  margin: 0;
  padding: 0;
  color: @htmlFontColor;
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: @htmlFontSize;
  // max-width: 750px;
  -webkit-overflow-scrolling: touch;

}

input, textarea {
  font-size: @htmlFontSize;
}

body, body button, input, textarea {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei", "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif !important;
}

ul {
  list-style: none;
}

img, button {
  margin: 0;
  padding: 0;
  border-style: none;
}

a, input, button {
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: none;
}

/* ios input样式清除 */
input,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  appearance: none;
}

/*  字体大小及颜色  */
.f20{ font-size: 0.2667rem }
.f22{ font-size: 0.2933rem }
.f24{ font-size: 0.32rem }
.f26{ font-size: 0.3467rem }
.f28{ font-size: 0.3733rem }
.f30{ font-size: 0.4rem }
.f32{ font-size: 0.4267rem }
.f34{ font-size: 0.4533rem }
.f36{ font-size: 0.48rem }
.f38{ font-size: 0.5067rem }
.f40{ font-size: 0.5333rem }
.f42{ font-size: 0.56rem }
.f44{ font-size: 0.5867rem }
.f46{ font-size: 0.6133rem }
.f48{ font-size: 0.64rem }
.f52{ font-size: 0.6933rem }

.col_00{ color: #000; }
.col_33{ color: #333; }
.col_66{ color: #666; }
.col_99{ color: #999; }
.col_ff{ color: #fff; }

/* 按钮全局样式 */
.global_btn{
  width: 100%;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  background: #409aff;
  color: #fff;
  font-size: 0.4267rem;
  border-radius: 2rem;
}
// 暂无数据全局样式
.null_list {
  width: 100%;
  margin-top: 3rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  .null_img {
    width: 5.5rem;
  }
}

/* number样式清除 */
input[type=number] {
  appearance:none; -moz-appearance:none; -webkit-appearance:none; -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

/* 上下拉动滚动条时卡顿、慢 */
// body {
//   -webkit-overflow-scrolling: touch;
// }
// 表单背景色延迟加载
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
  //背景色透明  生效时长  过渡效果  启用时延迟的时间
  transition: background-color 500s ease-in-out 0s;
}

/* ios和android下触摸元素时出现半透明灰色遮罩 */
a {
  -webkit-tap-highlight-color:rgba(255,255,255,0);
}

input::-webkit-input-placeholder{
  color: @inputBg;
}
input::-moz-placeholder{
  color: @inputBg;
}
input:-moz-placeholder{
  color: @inputBg;
}
input:-ms-input-placeholder{
  color: @inputBg;
}
textarea::-webkit-input-placeholder{
  color: @inputBg;
}
textarea::-moz-placeholder{
  color: @inputBg;
}
textarea:-moz-placeholder{
  color: @inputBg;
}
textarea:-ms-input-placeholder{
  color: @inputBg;
}

textarea,
input {
  color: @htmlFontColor;
}

